<template>
    <div>
        <van-nav-bar title="订单付款" />
        <van-card price="2.00" title="商品标题" thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        <div class="box">
            <van-cell-group>
                <van-cell title="商品应付金额：" value="￥29.58" />
                <van-cell title="快递运费：包邮" value="￥0.00" />
                <van-cell title="店铺合计(含运费)" value="￥29.58" />
            </van-cell-group>

            <van-cell-group>
                <van-cell title="退货运费补贴" value="查看更多>" />
                <van-cell title="延误必配" value="查看更多>" />
            </van-cell-group>
            <van-submit-bar :price="29.58" button-text="付款" @submit="onSubmit" />
        </div>
    </div>
</template>

<script setup>

</script>

<style>
.box{
    margin: 20px;
   margin-top: 40px;
   
}
</style>